﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Views/Shared/Site.Master" Inherits="System.Web.Mvc.ViewPage" %>

<asp:Content ID="Content1" ContentPlaceHolderID="TitleContent" runat="server">
    Accordion
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
    <h2>Accordion</h2>
    
    <div id="accordion">
        <h3><a href="#">Header I</a></h3>
        <div>First content</div>
        <h3><a href="#">Header II</a></h3>
        <div>Second content</div>
        <h3><a href="#">Header III</a></h3>
        <div>Third content</div>
    </div>
    
    <br />
    <br />
    <br />
    
    <div class="accordion2">
        <h3><a href="#">Header I</a></h3>
        <div>First content</div>
        <h3><a href="#">Header II</a></h3>
        <div>Second content</div>
        <h3><a href="#">Header III</a></h3>
        <div>Third content</div>
    </div>
    
    <%= Html.jQueryUI( ).Accordion( ).ID( "accordion" ).ToString( )
                        .Accordion( ".accordion2" ).Active( 2 ).ToString( )%>
</asp:Content>
